table,td,th{padding:15px}h1,th{font-weight:700}#qp-img,img,table{display:block;margin-left:auto;margin-right:auto}#h6,#qp-img{margin-top:50px}#h6,#link-1{color:#fff}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none!important}body{font-family:Poppins,sans-serif;background:linear-gradient(270deg,#fff,#fff)}table{margin-top:5%;font-size:1.2vw;text-align:center}th{font-size:50px}img,table{height:300px}#qp-qp{margin-top:40%;margin-right:150px}#section-1-fix{padding:5rem 0;min-height:100vh;display:flex;align-items:center;justify-content:center}#qp-fix{max-width:100%;height:auto}.divider{width:50px;height:3px;background-color:#ffc107}@media (orientation:portrait){table{font-size:large}#qp-qp{margin-top:10px}.divider{display:none}}p.lead{font-size:1.25rem}@media (max-width:768px){#section-1-fix .row{text-align:center}#section-1-fix img{margin-top:20px}}.link{font-family:myFont3}#fixed-nav{transition:background-color .3s;font-weight:400;font-family:Arial,Helvetica,sans-serif}#fixed-nav.scrolled{background-color:rgba(0,0,0,.8)}#fixed-nav .nav-link{color:#fff;transition:color .3s,font-weight .3s}#fixed-nav .nav-link:hover{background-color:#fff;color:#000;font-weight:300;transition:.5s;border-radius:10px}.navbar{font-family:myFont4,sans-serif;background-color:#000}.navbar-toggler{position:absolute;top:10px;right:10px;padding:.4rem;z-index:2;background-color:#fff;border-radius:5px}.navbar-toggler-icon{width:30px;height:3px;background-color:#fff;position:relative}.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';width:30px;height:3px;position:absolute;left:0}.navbar-toggler-icon::before{top:-10px}.navbar-toggler-icon::after{bottom:-10px}#ks-small,#ks-transparent{max-width:500px;height:auto;margin-right:10px}@media (max-width:1366px){#ks-transparent{width:400px}.navbar-nav .nav-link{padding:8px;font-size:.9rem}}@media (max-width:992px){.divider{display:none}#ks-small{display:block}#ks-transparent{width:350px}.navbar-toggler{top:10px;right:10px}.navbar-nav .nav-link{padding:10px;text-align:center;font-size:1rem}}@media (max-width:576px){#ks-transparent{display:none}#ks-small{display:block;width:225px}.navbar-toggler{top:8px;right:8px;padding:.4rem}.navbar-nav .nav-link{padding:8px;font-size:.85rem}}@media (orientation:landscape) and (max-height:820px){#ks-small{display:none!important}#ks-transparent{display:block!important;width:450px}.navbar-toggler{top:5px;right:5px;padding:.3rem}}
#brandname {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2rem; /* Default for large screens */
}

@media screen and (max-width: 1200px) {
    #brandname {
        font-size: 1.8rem; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #brandname {
        font-size: 1.6rem; /* Medium screens like tablets */
    }
}

@media screen and (max-width: 768px) {
    #brandname {
        font-size: 1.4rem; /* Small screens like large smartphones */
    }
}

@media screen and (max-width: 576px) {
    #brandname {
        font-size: 1.2rem; /* Extra small screens */
    }
}

@media (orientation: landscape) and (max-width: 576px) {
    #brandname {
        font-size: 1.4rem; /* Adjust for landscape orientation on small screens */
    }
}

/* Navbar and Logo Styles */
#nav-logo-image {
    max-width: 550px; /* Default max width for larger screens */
    height: auto;
    margin-left: 0px;
    transition: width 0.3s ease;
}

@media screen and (max-width: 1368px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

/* Responsive styling for the navbar logo */
@media screen and (max-width: 1366px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 1200px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #nav-logo-image {
        max-width: 480px; /* Even smaller for tablet-sized screens */
    }
}

@media screen and (max-width: 768px) {
    #nav-logo-image {
        max-width: 480px; /* Smaller on small screens */
    }
}

@media screen and (max-width: 576px) {
    #nav-logo-image {
        max-width: 280px; /* Further reduced size for smaller devices */
    }
}

@media (orientation: landscape) and (max-height: 820px) {
    #nav-logo-image {
        max-width: 50%; /* Ensures proper size in landscape mode */
    }
}